<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes" />
     <!-- 禁止缓存 -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <!-- 2、隐藏状态栏/设置状态栏颜色： -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- 3、safri 添加到主屏界面的显示标题： -->
    <meta name="apple-mobile-web-app-title" content="应用标题">
    <!-- 4、忽略自动识别数字为电话号码： -->
    <meta content="telephone=no" name="format-detection" />
    <!-- 5、忽略自动识别邮箱账号： -->
    <meta content="email=no" name="format-detection" />
    <!-- 6、常用浏览器全屏设置： -->
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- UC强制全屏 --> 
    <meta name="full-screen" content="yes">
    <!-- UC应用模式 --> 
    <meta name="browsermode" content="application">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- 是针对一些老的不识别viewport的浏览器，列如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!--[if lt IE 9]> 
    <script src="lib/html5shiv/html5shiv.min.js"></script> 
    <script src="lib/respond/respond.min.js"></script> 
    <![endif]--> 
    <!-- 引入mui.css -->
    <link rel="stylesheet" href="./mui.min.css">
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="./base.css">
    <!-- 引入本页面样式 -->
    <link rel="stylesheet" href="./releaseTask.css">
  <title>发布任务</title>
</head>
<body>
  <header id="header" class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">广告投放</h1>
  </header>
  <main>
  	<!--图片预览-->
  	<div class="imageLook" align="center">
  		<img src="" id="imagelook" width="100%">
  		<span class="iconfont iconfont-delect">&#xe75a;</span>
  	</div>
    <form class="mui-input-group">
            <div class="mui-input-row">
                <label>标题</label>
                <input type="text"  placeholder="请输入广告标题(最多12字)" maxlength="12" class="tasktitle">
            </div>
            <div class="content">
                  <textarea id="textarea" rows="5" placeholder="请输入广告内容（最多150字符）" maxlength="150" class="taskcontent"></textarea>
               		<div style="overflow: hidden;">
               			   <div class="content-img">
               			   	  <img src="" id="selectImg" style="display: none;">
		                      <input type="file" id="picIndex" style="width: 120px; height: 120px; opacity: 0;" accept="image/*">
		                      <span class="iconfont content-imgAdd">+</span>
		                      <span class="content-imgNum">0/2</span>
		                  </div>
		                  <div class="content-img2" style="display: none;">
		                  		<img src="" id="selectImg2" style="display: none;">
		                      <input type="file" id="picIndex2" style="width: 120px; height: 120px; opacity: 0;" accept="image/*">
		                      <span class="iconfont content-imgAdd">+</span>
		                      <span class="content-imgNum">1/2</span>
		                  </div>
               		</div>
                <p class="content-cue">*温馨提示：图片比例最好为4:3,5:3,16:9</p>
            </div>
            <p class="law">(*本宣传资料所涉及图文仅供参考，本公司不负任何法律责任)</p>
      </form>
        <div class="advertisementNumber">
                <form class="mui-input-group">
                    <div class="mui-input-row">
                        <label>单笔广告费</label>
                        <select class="money">
                            <option value="1">￥ 1</option>
                            <option value="4">￥ 4</option>
                            <option value="20">￥ 20</option>
                        </select>
                    </div>
                    <div class="mui-input-row">
                            <label>设置任务发布数量</label>
                            <input type="text"  placeholder="最低发布数量为50条" class="number" oninput="value=value.replace(/[^\d]/g,'')">
                    </div>
                    <div class="mui-input-row">
                            <label>广告总价</label>
                            <input type="text"  placeholder="0" class="sum" disabled="disabled">
                    </div>
                </form>
        </div>
        <button class="mui-btn mui-btn-danger" type="button">确认发布</button>
  </main>

  <!-- 引入JQ和mui.js -->
  <script src="./jquery-1.11.0.min.js"></script>
  <script src="./mui.min.js"></script>
  <script src="./releaseTask.js" type="text/javascript"></script>
 <!-- 引进查询用户是否被封号 -->
</body>
</html>